var HtmlWebpackPlugin = require('html-webpack-plugin');
// let path = require('path')

// 开发模式
// 测试 （模拟数据）
// 预生产（填充真实的数据）
// 生成

// 只能解析js文件

module.exports = {
    // 1. 入口文件（要对谁进行打包）
    entry: "./srcc/index.js",
    // 2. 出口文件 （打包以后的内容）
    output: {
        // 文件夹名称 （要求绝对路劲）
        path: __dirname + "/build",
        // 文件名称
        filename: 'aaa.js'
    },
    // 3. 设置打包模式 mode     production(对代码进行压缩)     development(转换)    none
    mode: "none",
    // 4. loader 解析器
    module: {
        // 规则
        // sass scss
        rules: [      
            // 解析css
            {
                // 正确匹配结尾
                test: /\.css$/,
                // css-loader  css文件
                // style-loader  行内样式
                // 读取规则 从后往前读取  从下到上
                use: ['style-loader', 'css-loader']
            },
            // 解析jpg,png,gif   file-loader    url-loader
            // {
            //     test: /\.png$/,
            //     use: 'file-loader'
            // }
            {
                test: /\.(png|jpg|gif)$/,
                use: [
                    {
                        loader: 'file-loader',
                        // 额外配置
                        options: {
                            // name设置图片的名称
                            name: '[name].[ext]'
                        },
                    },
                ],
            }
        ]
    },
    // 5. plugins  插件
    plugins: [new HtmlWebpackPlugin()]
}
